<template>
	 <view class="AppraiseItem">
			 <text class="title">{{data.title}}</text>
			 <view class="group">
				 <view class="groupImg" v-for="(img,i) in data.image" :key="i">
				 	 <image class="img" :src="img"></image>
				 </view>
			 </view>
			 <text class="time">{{data.time}}</text>
	 </view>
</template>

<script>
	export default {
		name: 'AppraiseItem',
		props: {
			//数据
			data:{
				type: Object,
				default:{
					image:['/static/components/verify/rotate_verify.jpg','/static/components/verify/rotate_verify.jpg','/static/components/verify/rotate_verify.jpg','/static/components/verify/rotate_verify.jpg'],
					title:'今天立冬了，来滑雪的朋友们变多了~',
					time:'2024-11-25'
				}
			}
		},
		data() {
			return {
				 
			};
		},
		methods: { 
			 
		}
	};
</script>

<style  lang="scss" scoped>
.AppraiseItem{
 .title{
	 font-weight: 500;
	 font-size: 28rpx;
	 color: #666666;
	 line-height: 33rpx;
	 text-align: left;
	 font-style: normal;
	 text-transform: none;
	 margin-top: 24rpx;
 }
 .group{
	 display: flex;
	  flex-wrap: wrap; /* 允许换行 */
	  justify-content: flex-start;
	  margin-top: 16rpx;
 }
 
 .groupImg{
	 width: 148rpx;
	 height: 148rpx;
	 border-radius: 24rpx;
	 overflow: hidden;
	 margin-right: 26rpx;
	 margin-bottom: 26rpx;
	 .img{
		 width: 100%;
		 height: 100%;
		 object-fit: cover;
	 }
 }
 .time{
	 margin-top: 16rpx;
	 font-weight: 500;
	 font-size: 20rpx;
	 color: #999999;
	 line-height: 23rpx;
	 text-align: left;
	 font-style: normal;
	 text-transform: none;
 }
}
	 
</style>